<template>
  <div class="footer">
    <el-row>
      <el-col :span="4"><el-image style="width:8rem" :src="util_images_url('vegetables.png')"></el-image></el-col>
      <el-col :span="6">
        <div class="pm_show">
          <div>产品展示</div>
          <div>速冻水果</div>
          <div>速冻蔬菜</div>
          <div>速冻油炸食品</div>
        </div>
      </el-col>
      <el-col :span="10">
        <div class="info_show">
          <div>联系方式: 吕经理18865667798   梁经理18765077798</div>
          <div>地址: 山东省莱阳市万第镇赤山村</div>
          <div>电话: 0535-7750678</div>
          <div>手机: 18865667798</div>
        </div>
      </el-col>
      <el-col :span="4"> </el-col>
    </el-row>
  </div>
  <div class="footer-copyright">
    <span>Copyright © 莱阳润丰食品有限公司 All rights reserved.</span>
    <span>备案号：鲁ICP备</span>
  </div>
</template>

<script>
export default {
  components: {},
  setup() {
    const util_images_url = (name) => {
      return new URL(`../../../assets/images/${name}`, import.meta.url).href;
    };

    return {
      util_images_url,
    };
  },
};
</script>

<style lang="less" scoped>
.footer {
  width: 100%;
  height: 15rem;
  padding: 2rem;
  border-top: 3px solid gold;
  box-sizing: border-box;
}

.pm_show {
  div {
    color: #333;
    font-size: 1.3rem;
  }
}

.info_show {
  div {
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
  }
}

div {
  color: var(--rf-title-color);
  font-size: var(--rf-font-size-1);
  line-height: var(--rf-title-line-height);
}

.footer-copyright {
  height: 3rem;
  span {
    margin: 0 0 2rem 15%;
    font-size: 1rem;
  }
}
</style>
